
<?php
$cs=Yii::app()->clientScript;

$cs->registerCssFile(Yii::app()->baseUrl.'/js/jui/css/ui-lightness/jquery-ui-1.8.18.custom.css');
$cs->registerCssFile(Yii::app()->baseUrl.'/css/own.css');

$cs->registerScriptFile(Yii::app()->baseUrl.'/js/jquery.min.js');
$cs->registerScriptFile(Yii::app()->baseUrl.'/js/jui/js/jquery-ui.min.js');
$cs->registerScriptFile(Yii::app()->baseUrl.'/js/string.prototype.js');
$cs->registerScriptFile(Yii::app()->baseUrl.'/js/textinputs_jquery.js');
$cs->registerScriptFile(Yii::app()->baseUrl.'/js/textarea.js');
$cs->registerScriptFile(Yii::app()->baseUrl.'/js/buttonlist.js');

$this->pageTitle=Yii::app()->name . ' - Spin';
$this->breadcrumbs=array(
	'Spin',
);
?>
<h2>Spin Your Article</h2>
<b>How it works?</b>
<ol>
<li>Type of Paste your article below</li>
<li>Double click or select words/phrase</li>
<li>On the right panel shows synonymous word/phrase based on POS</li>
<li>Check or uncheck synonymous word/phrase to replace</li>
<li>Preview button to generate an unique article based on the article your input</li>
<li>Want to have spinned article? Click <a href="/index.php/template">here</a></li>
<li>Want to have desktop version,  <a href="/index.php/product">only $20</a></li>
</ol>
<div id='mainContent' style="float:left; width:670px;border: 1px solid #000;">
<div id="buttonlist" style="margin:0;padding:0;display:inline">
<input type='button' id='PreviewBtn' name='Preview' value="PREVIEW"/>
<!-- <input type='button' id='AutoSpinBtn' name='AutoSpin' value="AUTO SPIN"/> -->
<!-- <input type='button' id='SpinStatusBtn' name='AutoSpin' value="SPIN STATUS"/> -->
</div>
<textarea id="input" name="input" rows="50" cols="80">
</textarea>
</div>
<div id='synonymousPanel' style="float:right; width: 235px;border: 1px solid #000;">
<div id='middleProgress' style='display:none; width:32px;height:32px;position:absolute;top:50%;left:50%;margin:150px 0 0 -100px;'><img src='<?php echo Yii::app()->baseUrl;?>/images/spinner.gif' /></div>
<div id="leftsidebar" style="padding-top:5px">
	<label>Synonymous Phrase:</label>
	<hr style="widows: 100%" />
	<input  id='searchWord' type='text' />	
</div>
<div id='synonymousPanelListDiv'>
<ul id='synonymousPanelList'>

</ul>
</div>
</div>

<div id="dialog-modal" title="Basic modal dialog">
	
</div>
